<template>
    <div class="main">
        <div class="img">
            <svg-icon
                iconClass="zfcg"
                class="icons"
            ></svg-icon>
        </div>
        <div class="desc">
            <li><span>支付金额</span><span>￥3848.00</span></li>
            <li><span>支付时间</span><span>2011.2.21.13:34</span></li>
            <li><span>订单编号</span><span>12345678910</span></li>
        </div>
        <div class="btns_one" 
                >
            <van-button
                color="#f36d50"
                round
                size="large"
                type="primary"
                to="/layout"
            >回到首页</van-button>
        </div>
        <div class="btns_two">
            <van-button
                color="#f36d50"
                plain
                round
                type="primary"
                size="large"
                to="/orderlist"
            >查看订单</van-button>
        </div>
    </div>
</template>

<script>
export default {
};
</script>

<style lang="scss" scoped>
@import "@css/style.scss";
.main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .icons {
    font-size: px2rem(100);
    margin: px2rem(70) px2rem(140);
  }
  .btns_one {
    width: 100%;
    padding: 0 px2rem(30);
    margin: px2rem(40) 0 0 0;
    .van-button--large {
      height: px2rem(40);
    }
  }
  .desc {
    padding: 0 px2rem(30);

    li {
      padding: px2rem(12) px2rem(36);
      font-size: px2rem(16);
      border-bottom: px2rem(1) solid #ececec;
      display: flex;
      //    justify-content: space-between;
      align-items: center;
      span:nth-child(2) {
        margin-left: px2rem(40);
      }
     
    }
    li:nth-child(3){
        border-bottom:none; 
    }
    //   li:nth-child(1){
    //       padding-left:px2rem(16);
    //   }
  }
  .btns_two {
    width: 100%;
    padding: 0 px2rem(30);
    .van-button--large {
      height: px2rem(40);
    }
  }
}
</style>
